p,
h4,
.code {
	word-spacing: 20px;
}

h3 {
	font-size: 40px;
	font-family: "myfont";
	color: red;
	text-shadow: 2px 1px 2px peru;
}

h4 {
	text-transform: capitalize;
	word-spacing: 10px;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

h5 {
	width: 200px;
	border: solid 1px greenyellow;
	word-wrap: break-word;
	font-family: "bodoni mt black";
}

p {
	font: bold 20px/50px "微软雅黑";
	text-align: left;
	text-decoration: underline double;
	color: brown;
	line-height: 2em;
	text-indent: 2em;
	word-spacing: 1.2em;

	text-shadow: 2px 2px 2px greenyellow;
}

p span {
	color: black;
	font-size: 35px;
	font-family: "myfont";
}

#p1 span {}

.code {
	white-space: pre;
}

div span {
	color: red;
}

div>span {
	font-family: "新宋体";
}

span~ {
	color: red;
}

@font-face {
	font-family: myfont;
	src: url(../fonts/head.ttf);
}

ul>li:nth-child(2n+1) a {
	font-size: 20px;
	background-color: yellow;
}

ul>li:nth-child(2n) a {
	background-color: palegreen;
}

ul>li a:visited {
	color: pink;
}

ul>li a:hover {
	background-color: aqua;
}

ul>li a:active {
	color: #A52A2A;
}

ul>li a::before {
	content: "<";
	color: fuchsia;
}

ul>li a::after {
	content: ">";
	color: fuchsia;
}

ul>li:first-child a {
	color: green;
}

ul>li:last-child a {
	color: red;
}

#content {
	width: 600px;
	height: 600px;
	border: solid 1px greenyellow;
	padding: 40px;
	margin: 40px;
}
/* 1 */
